﻿<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="./css/reset.css">
     <link rel="stylesheet" href="./css/common.css"> 
    <!-- <link rel="stylesheet" href="./css/pretty.min.css">
    <link rel="stylesheet" href="./lib/layui/css/layui.css"> -->
   
<style type="text/css">
    body, html { font-size: 100%;   padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.labeltitle label{
    font-weight: bold;
    font-size: 18px;
}



.labeltitle div{
  margin-left: 20px;
  padding: 10px;
}

.labeltitle em{
    margin-left: 30px;
}
body{
    font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
}
</style>
</head>
<body style="background: #fff">
 

  <div style="width: 1400px;margin-top: 30px;margin: 0 auto">
    <div style="width: 350px;height: 500px; float: left;" class="labeltitle">
    <div><label>各区域学生密度</label><em id='midu' style="cursor: pointer;">详情</em></div>
    <div><span>越秀区：</span><span>15所</span></div>
    <div><span>荔湾区：</span><span>9所</span></div>
    <div><span>海珠区：</span><span>11所</span></div>
    <div><span>天河区：</span><span>13所</span></div>
    <div><span>白云区：</span><span>15所</span></div>
    <div><span>黄埔区：</span><span>6所</span></div>
    <div><span>增城区：</span><span>11所</span></div>
    <div><span>花都区：</span><span>9所</span></div>
    <div><span>从化区：</span><span>8所</span></div>
    <div><span>番禺区：</span><span>16所</span></div>
    <div><span>南沙区：</span><span>6所</span></div>
    </div>

<div id="echartMap" style="width: 700px;height:500px;float: left;background: #495088"></div>
<div style="width: 350px;height: 500px;float: left;" class="labeltitle">
 
    <div><label>各区域师生分配比</label><em>详情</em></div>
    <div><span>越秀区：</span><span>1:15</span></div>
    <div><span>荔湾区：</span><span>1:17</span></div>
    <div><span>海珠区：</span><span>1:18</span></div>
    <div><span>白云区：</span><span>1:14</span></div>
    <div><span>黄埔区：</span><span>1:15</span></div>
    <div><span>增城区：</span><span>1:17</span></div>
    <div><span>花都区：</span><span>1:18</span></div>
    <div><span>从化区：</span><span>1:14</span></div>
    <div><span>番禺区：</span><span>1:17</span></div>
    <div><span>南沙区：</span><span>1:18</span></div>
    <div><span>南沙区：</span><span>1:14</span></div>
 
</div>

</div>

<div style="clear: both;"></div>
  <div style="width: 1400px;padding-top: 50px;margin: 0 auto">
    <div style="width: 350px;height: 500px; float: left;" class="labeltitle">
    <div><label>各区域选课进度</label><em>详情</em></div>
    <div><span>越秀区：</span><span>89%</span></div>
    <div><span>荔湾区：</span><span>74%</span></div>
    <div><span>海珠区：</span><span>89%</span></div>
    <div><span>天河区：</span><span>74%</span></div>
    <div><span>白云区：</span><span>89%</span></div>
    <div><span>黄埔区：</span><span>74%</span></div>
    <div><span>增城区：</span><span>89%</span></div>
    <div><span>花都区：</span><span>74%</span></div>
    <div><span>从化区：</span><span>89%</span></div>
    <div><span>番禺区：</span><span>74%</span></div>
    <div><span>南沙区：</span><span>89%</span></div>
    </div>

<div style="width: 350px;height: 500px;float: left;" class="labeltitle">
 
    <div><label>各区域完成排课学校数量</label><em id='paike'>详情</em></div>
    <div><span>越秀区：</span><span>8所</span></div>
    <div><span>荔湾区：</span><span>4所</span></div>
    <div><span>海珠区：</span><span>7所</span></div>
    <div><span>白云区：</span><span>10所</span></div>
    <div><span>黄埔区：</span><span>11所</span></div>
    <div><span>增城区：</span><span>5所</span></div>
    <div><span>花都区：</span><span>6所</span></div>
    <div><span>从化区：</span><span>4所</span></div>
    <div><span>番禺区：</span><span>5所</span></div>
    <div><span>南沙区：</span><span>13所</span></div>
    <div><span>南沙区：</span><span>4所</span></div>
 
</div>
<div style="width: 350px;height: 500px;float: left;" class="labeltitle">
 
    <div><label>各区域师资力量</label><em>详情</em></div>
    <div><span>越秀区：</span><span>3432</span></div>
    <div><span>荔湾区：</span><span>2512</span></div>
    <div><span>海珠区：</span><span>3257</span></div>
    <div><span>白云区：</span><span>4123</span></div>
    <div><span>黄埔区：</span><span>4029</span></div>
    <div><span>增城区：</span><span>1176</span></div>
    <div><span>花都区：</span><span>2095</span></div>
    <div><span>从化区：</span><span>1420</span></div>
    <div><span>番禺区：</span><span>1179</span></div>
    <div><span>南沙区：</span><span>3987</span></div>
    <div><span>南沙区：</span><span>1347</span></div>
 
</div>

<div style="width: 350px;height: 500px;float: left;" class="labeltitle">
 
    <div><label>全市各组合选科人数及比例</label><em>详情</em></div>
    <div><span>越秀区：</span><span>31245</span></div>
    <div><span>荔湾区：</span><span>25122</span></div>
    <div><span>海珠区：</span><span>8257</span></div>
    <div><span>白云区：</span><span>14123</span></div>
    <div><span>黄埔区：</span><span>4029</span></div>
    <div><span>增城区：</span><span>1176</span></div>
    <div><span>花都区：</span><span>2095</span></div>
    <div><span>从化区：</span><span>1420</span></div>
    <div><span>番禺区：</span><span>1179</span></div>
    <div><span>南沙区：</span><span>3987</span></div>
    <div><span>南沙区：</span><span>1347</span></div>
 
</div>
<div style="clear: both;"></div>
</div>


</body>
</html>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/echarts.min.js"></script>
<!-- <script src="./lib/layui/layui.js"></script> -->
<script>

 
$(function(){
    /* layui.use(['layer', 'form'], function(){
  var layer = layui.layer
  ,form = layui.form;*/
 //    英德市地图
    //     基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('echartMap'));

    echarts.registerMap('清远',
    {
      "type": "FeatureCollection",
      "features": [{
        "type": "Feature",
        "properties": {
          "name": "海珠区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.383260527344, 23.1097585273438],
                [113.407345, 23.103843],
                [113.407345, 23.0838430000001],
                [113.397345, 23.0838430000001],
                [113.351756621094, 23.0478762031251],
                [113.267345, 23.0538430000001],
                [113.23970828125, 23.0956618476563],
                [113.247345, 23.113843],
                [113.301888457031, 23.1070290351563],
                [113.307345, 23.113843],
                [113.383260527344, 23.1097585273438]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "番禺区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.397345, 23.0838430000001],
                [113.402074003906, 23.0654201484376],
                [113.455223417969, 23.0773342109375],
                [113.487345, 23.063843],
                [113.50062625, 23.05712425],
                [113.510704375, 23.0372023750001],
                [113.517345, 23.033843],
                [113.520704375, 22.987202375],
                [113.563985625, 22.900483625],
                [113.567345, 22.8638430000001],
                [113.551790800781, 22.8682888007813],
                [113.516182890625, 22.8819777656251],
                [113.482110625, 22.86194846875],
                [113.47166140625, 22.7783962226562],
                [113.484832792969, 22.76784690625],
                [113.456239042969, 22.7449489570313],
                [113.447345, 22.733843],
                [113.44197390625, 22.73847190625],
                [113.415872832031, 22.7405690742187],
                [113.357345, 22.773843],
                [113.362535429688, 22.7910842109375],
                [113.391810332031, 22.8163063789063],
                [113.31197390625, 22.82847190625],
                [113.291937285156, 22.8812721992188],
                [113.271807890625, 22.8986135078125],
                [113.285338164063, 22.9480446601563],
                [113.253900175781, 22.9620729804688],
                [113.247345, 22.983843],
                [113.254793730469, 22.9988283515625],
                [113.2474621875, 23.0138430000001],
                [113.254793730469, 23.0288576484375],
                [113.247345, 23.0438430000001],
                [113.247345, 23.0538430000001],
                [113.267345, 23.0538430000001],
                [113.351756621094, 23.0478762031251],
                [113.397345, 23.0838430000001]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "白云区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.4620325, 23.3991042304688],
                [113.462642851563, 23.3888430000001],
                [113.462047148438, 23.378843],
                [113.463238554688, 23.3588430000001],
                [113.461470976563, 23.3291921210938],
                [113.472345, 23.3285451484375],
                [113.491453886719, 23.32968284375],
                [113.502779570313, 23.308843],
                [113.491859160156, 23.28874534375],
                [113.508660917969, 23.2737331367188],
                [113.459310332031, 23.2392604804688],
                [113.432254667969, 23.2695412421875],
                [113.422611113281, 23.2485280585938],
                [113.41209109375, 23.2491555000001],
                [113.402625761719, 23.2385622382813],
                [113.397345, 23.2338430000001],
                [113.391673613281, 23.242055890625],
                [113.352320585938, 23.2332326484375],
                [113.341329375, 23.1904030585938],
                [113.311429472656, 23.1697585273438],
                [113.307345, 23.1638430000001],
                [113.267408476563, 23.1540334296876],
                [113.241690703125, 23.1707814765625],
                [113.237345, 23.153843],
                [113.222359648438, 23.1463942695313],
                [113.211353789063, 23.1517678046875],
                [113.207345, 23.143843],
                [113.173267851563, 23.153843],
                [113.203834257813, 23.179233625],
                [113.20150515625, 23.2020803046875],
                [113.181883574219, 23.2183815742188],
                [113.17107546875, 23.2313893867188],
                [113.174681425781, 23.2667629218751],
                [113.147345, 23.303843],
                [113.155406523438, 23.3682888007812],
                [113.202899199219, 23.3593971992187],
                [113.215538359375, 23.3293971992188],
                [113.25302859375, 23.3483547187501],
                [113.251390410156, 23.3615236640625],
                [113.295972929688, 23.3877321601563],
                [113.332899199219, 23.3982888007813],
                [113.3779309375, 23.4155983710938],
                [113.396175566406, 23.3928151679688],
                [113.432899199219, 23.4082888007812],
                [113.441790800781, 23.4193971992188],
                [113.467345, 23.423843],
                [113.487345, 23.423843],
                [113.487345, 23.413843],
                [113.4620325, 23.3991042304688]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "从化市"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [114.006065703125, 23.9335622382813],
                [114.02271609375, 23.91921409375],
                [114.027345, 23.903843],
                [114.050316191406, 23.8520925117188],
                [114.031920195313, 23.8191213203125],
                [114.032747832031, 23.8088430000001],
                [114.031917753906, 23.7985182929688],
                [114.05197390625, 23.7812404609376],
                [114.021046171875, 23.7677419257813],
                [113.995655546875, 23.7697829414063],
                [113.97197390625, 23.75921409375],
                [113.953963652344, 23.7383107734375],
                [113.934827910156, 23.739848859375],
                [113.87271609375, 23.68847190625],
                [113.84197390625, 23.6792140937501],
                [113.831712675781, 23.6562209296875],
                [113.805738554688, 23.633843],
                [113.817345, 23.6238430000001],
                [113.81271609375, 23.61847190625],
                [113.749664335938, 23.60886253125],
                [113.72271609375, 23.54847190625],
                [113.711920195313, 23.5291213203125],
                [113.712801542969, 23.5181716132813],
                [113.65271609375, 23.46847190625],
                [113.624564238281, 23.4559084296876],
                [113.575692167969, 23.4138039375],
                [113.56197390625, 23.38921409375],
                [113.557345, 23.373843],
                [113.541429472656, 23.3779274726563],
                [113.51201296875, 23.3970827460938],
                [113.503260527344, 23.4097585273438],
                [113.487345, 23.413843],
                [113.487345, 23.423843],
                [113.467345, 23.423843],
                [113.452899199219, 23.4793971992188],
                [113.430479765625, 23.488843],
                [113.436553984375, 23.5376882148438],
                [113.351790800781, 23.5482888007813],
                [113.342899199219, 23.5593971992188],
                [113.321441679688, 23.576577375],
                [113.323214140625, 23.5908351875],
                [113.281790800781, 23.6082888007813],
                [113.277345, 23.613843],
                [113.283260527344, 23.6179274726563],
                [113.297254667969, 23.6381960273438],
                [113.323260527344, 23.6479274726563],
                [113.358865996094, 23.7008010078126],
                [113.367345, 23.7338430000001],
                [113.411783476563, 23.7265431953125],
                [113.432857695313, 23.7296584296875],
                [113.44170046875, 23.71819846875],
                [113.458631621094, 23.7051296210938],
                [113.478426542969, 23.6794875312501],
                [113.51298953125, 23.68819846875],
                [113.549295683594, 23.7024709296876],
                [113.596514921875, 23.6643093085937],
                [113.63170046875, 23.7226418281251],
                [113.62298953125, 23.7594875312501],
                [113.607054472656, 23.7859011054688],
                [113.62298953125, 23.79819846875],
                [113.640809355469, 23.8212868476563],
                [113.667345, 23.8173659492188],
                [113.687345, 23.8203200507813],
                [113.711302519531, 23.8167800117188],
                [113.713084746094, 23.828843],
                [113.708455839844, 23.8601564765625],
                [113.746951933594, 23.8544680000001],
                [113.78170046875, 23.89948753125],
                [113.797345, 23.903843],
                [113.857291289063, 23.930454328125],
                [113.882345, 23.9284401679688],
                [113.892345, 23.9292458320313],
                [113.907345, 23.9280397773438],
                [113.922345, 23.9292458320313],
                [113.937345, 23.9280397773438],
                [114.006065703125, 23.9335622382813]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "花都区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [112.967345, 23.443843],
                [112.963922148438, 23.4316506171875],
                [112.955152617188, 23.4404201484375],
                [112.967345, 23.443843]
              ]
            ],
            [
              [
                [112.967345, 23.443843],
                [112.967345, 23.453843],
                [112.971790800781, 23.4593971992188],
                [113.049276152344, 23.4761598945313],
                [113.071790800781, 23.4893971992188],
                [113.092899199219, 23.4982888007813],
                [113.115477324219, 23.5115627265625],
                [113.155206328125, 23.5066213203126],
                [113.186041289063, 23.519614484375],
                [113.203011503906, 23.5484841132813],
                [113.199273710938, 23.5785256171875],
                [113.251790800781, 23.6093971992188],
                [113.277345, 23.613843],
                [113.281790800781, 23.6082888007813],
                [113.323214140625, 23.5908351875],
                [113.321441679688, 23.576577375],
                [113.342899199219, 23.5593971992188],
                [113.351790800781, 23.5482888007813],
                [113.436553984375, 23.5376882148438],
                [113.430479765625, 23.488843],
                [113.452899199219, 23.4793971992188],
                [113.467345, 23.423843],
                [113.441790800781, 23.4193971992188],
                [113.432899199219, 23.4082888007812],
                [113.396175566406, 23.3928151679688],
                [113.3779309375, 23.4155983710938],
                [113.332899199219, 23.3982888007813],
                [113.295972929688, 23.3877321601563],
                [113.251390410156, 23.3615236640625],
                [113.25302859375, 23.3483547187501],
                [113.215538359375, 23.3293971992188],
                [113.202899199219, 23.3593971992187],
                [113.155406523438, 23.3682888007812],
                [113.147345, 23.303843],
                [113.121929960938, 23.3100856757813],
                [113.103260527344, 23.2979274726563],
                [113.069757109375, 23.2853908515625],
                [113.0758215625, 23.2583303046875],
                [113.047345, 23.253843],
                [113.04271609375, 23.27921409375],
                [113.031219511719, 23.2998244453125],
                [113.032772246094, 23.3191677070313],
                [113.021693144531, 23.3287136054688],
                [113.041756621094, 23.364673078125],
                [113.012623320313, 23.3484181953126],
                [112.989364042969, 23.3502883125001],
                [112.97271609375, 23.3912404609375],
                [112.992996855469, 23.4087136054688],
                [112.978997832031, 23.4338039375001],
                [112.967345, 23.443843]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "黄埔区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.547345, 23.133843],
                [113.547345, 23.1238430000001],
                [113.523985625, 23.128559796875],
                [113.531422148438, 23.1417580390625],
                [113.547345, 23.133843]
              ]
            ],
            [
              [
                [113.471580839844, 23.1522512031251],
                [113.504293242188, 23.1036745429688],
                [113.532623320313, 23.1100270820313],
                [113.547345, 23.103843],
                [113.56062625, 23.09712425],
                [113.567345, 23.0838430000001],
                [113.547345, 23.0838430000001],
                [113.496058378906, 23.0751296210938],
                [113.487345, 23.063843],
                [113.455223417969, 23.0773342109375],
                [113.402074003906, 23.0654201484376],
                [113.397345, 23.0838430000001],
                [113.407345, 23.0838430000001],
                [113.407345, 23.103843],
                [113.431329375, 23.1204030585938],
                [113.437345, 23.143843],
                [113.471580839844, 23.1522512031251]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "荔湾区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.243616972656, 23.1495143867188],
                [113.241214628906, 23.1388014960938],
                [113.247345, 23.113843],
                [113.23970828125, 23.0956618476563],
                [113.267345, 23.0538430000001],
                [113.247345, 23.0538430000001],
                [113.247345, 23.0438430000001],
                [113.204989042969, 23.0487795234376],
                [113.163170195313, 23.0774660468751],
                [113.205357695313, 23.0885964179688],
                [113.20025515625, 23.114419171875],
                [113.207345, 23.143843],
                [113.211353789063, 23.1517678046875],
                [113.222359648438, 23.1463942695313],
                [113.237345, 23.153843],
                [113.243616972656, 23.1495143867188]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "萝岗区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.533260527344, 23.0579274726563],
                [113.517345, 23.033843],
                [113.510704375, 23.0372023750001],
                [113.50062625, 23.05712425],
                [113.487345, 23.063843],
                [113.496058378906, 23.0751296210938],
                [113.547345, 23.0838430000001],
                [113.533260527344, 23.0579274726563]
              ]
            ],
            [
              [
                [113.417345, 23.173843],
                [113.404537382813, 23.178843],
                [113.417345, 23.183843],
                [113.417345, 23.173843]
              ]
            ],
            [
              [
                [113.417345, 23.173843],
                [113.430152617188, 23.178843],
                [113.417345, 23.183843],
                [113.417345, 23.2038430000001],
                [113.397345, 23.2038430000001],
                [113.397345, 23.2338430000001],
                [113.402625761719, 23.2385622382813],
                [113.41209109375, 23.2491555000001],
                [113.422611113281, 23.2485280585938],
                [113.432254667969, 23.2695412421875],
                [113.459310332031, 23.2392604804688],
                [113.508660917969, 23.2737331367188],
                [113.491859160156, 23.28874534375],
                [113.502779570313, 23.308843],
                [113.491453886719, 23.32968284375],
                [113.472345, 23.3285451484375],
                [113.461470976563, 23.3291921210938],
                [113.463238554688, 23.3588430000001],
                [113.462047148438, 23.378843],
                [113.462642851563, 23.3888430000001],
                [113.4620325, 23.3991042304688],
                [113.487345, 23.413843],
                [113.503260527344, 23.4097585273438],
                [113.51201296875, 23.3970827460938],
                [113.541429472656, 23.3779274726563],
                [113.557345, 23.373843],
                [113.584818144531, 23.3548757148438],
                [113.581124296875, 23.3383962226563],
                [113.593565703125, 23.3192897773438],
                [113.590103789063, 23.303843],
                [113.594586210938, 23.2838430000001],
                [113.591224394531, 23.268843],
                [113.595233183594, 23.2509572578125],
                [113.576434355469, 23.2220900703126],
                [113.571224394531, 23.1988430000001],
                [113.575706816406, 23.178843],
                [113.551429472656, 23.1697585273438],
                [113.547345, 23.133843],
                [113.531422148438, 23.1417580390625],
                [113.523985625, 23.128559796875],
                [113.547345, 23.1238430000001],
                [113.547345, 23.103843],
                [113.532623320313, 23.1100270820313],
                [113.504293242188, 23.1036745429688],
                [113.471580839844, 23.1522512031251],
                [113.437345, 23.143843],
                [113.430704375, 23.1472023750001],
                [113.417345, 23.173843]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "南沙区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.652545195313, 22.676157453125],
                [113.657345, 22.653843],
                [113.633804960938, 22.6667458320313],
                [113.652545195313, 22.676157453125]
              ]
            ],
            [
              [
                [113.597345, 22.693843],
                [113.597345, 22.7038430000001],
                [113.587345, 22.7038430000001],
                [113.592074003906, 22.7222658515626],
                [113.612345, 22.7177223945313],
                [113.641429472656, 22.724243390625],
                [113.623060332031, 22.6875270820313],
                [113.597345, 22.693843]
              ]
            ],
            [
              [
                [113.587345, 22.7038430000001],
                [113.587345, 22.693843],
                [113.597345, 22.693843],
                [113.643504667969, 22.638266828125],
                [113.641541777344, 22.613843],
                [113.644307890625, 22.5794020820313],
                [113.632049589844, 22.5784181953125],
                [113.60271609375, 22.59921409375],
                [113.577345, 22.603843],
                [113.552154570313, 22.6186525703125],
                [113.531803007813, 22.6501686835938],
                [113.532655058594, 22.6716579414063],
                [113.447345, 22.733843],
                [113.456239042969, 22.7449489570313],
                [113.484832792969, 22.76784690625],
                [113.47166140625, 22.7783962226562],
                [113.482110625, 22.86194846875],
                [113.516182890625, 22.8819777656251],
                [113.551790800781, 22.8682888007813],
                [113.567345, 22.8638430000001],
                [113.571429472656, 22.8479274726563],
                [113.613260527344, 22.7997585273437],
                [113.637345, 22.763843],
                [113.603441191406, 22.7477468085938],
                [113.543914824219, 22.7388430000001],
                [113.573441191406, 22.7199391914063],
                [113.581248808594, 22.7077468085938],
                [113.587345, 22.7038430000001]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "天河区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.417345, 23.173843],
                [113.417345, 23.183843],
                [113.430152617188, 23.178843],
                [113.417345, 23.173843]
              ]
            ],
            [
              [
                [113.417345, 23.183843],
                [113.404537382813, 23.178843],
                [113.417345, 23.173843],
                [113.430704375, 23.1472023750001],
                [113.437345, 23.143843],
                [113.431329375, 23.1204030585938],
                [113.407345, 23.103843],
                [113.383260527344, 23.1097585273438],
                [113.307345, 23.113843],
                [113.301551542969, 23.149106671875],
                [113.307345, 23.1638430000001],
                [113.311429472656, 23.1697585273438],
                [113.341329375, 23.1904030585938],
                [113.352320585938, 23.2332326484375],
                [113.391673613281, 23.242055890625],
                [113.397345, 23.2338430000001],
                [113.397345, 23.2038430000001],
                [113.417345, 23.2038430000001],
                [113.417345, 23.183843]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "越秀区"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.241690703125, 23.1707814765625],
                [113.267408476563, 23.1540334296876],
                [113.307345, 23.1638430000001],
                [113.301551542969, 23.149106671875],
                [113.307345, 23.113843],
                [113.301888457031, 23.1070290351563],
                [113.247345, 23.113843],
                [113.241214628906, 23.1388014960938],
                [113.243616972656, 23.1495143867188],
                [113.237345, 23.153843],
                [113.241690703125, 23.1707814765625]
              ]
            ]
          ]
        }
      }, {
        "type": "Feature",
        "properties": {
          "name": "增城市"
        },
        "geometry": {
          "type": "MultiPolygon",
          "coordinates": [
            [
              [
                [113.9783996875, 23.3736232734376],
                [113.997345, 23.343843],
                [113.992154570313, 23.3390334296875],
                [113.979705839844, 23.2997096992188],
                [113.943436308594, 23.3388552070313],
                [113.893990507813, 23.3486525703125],
                [113.882535429688, 23.2886525703126],
                [113.872017851563, 23.2687770820313],
                [113.882535429688, 23.2590334296875],
                [113.897323027344, 23.227700421875],
                [113.878468046875, 23.1920680976563],
                [113.89658328125, 23.1752834296876],
                [113.846085234375, 23.151450421875],
                [113.837345, 23.1238430000001],
                [113.821790800781, 23.1282888007813],
                [113.716529570313, 23.14144065625],
                [113.662650175781, 23.1181838203125],
                [113.642799101563, 23.1206520820313],
                [113.632899199219, 23.1082888007813],
                [113.601790800781, 23.0993971992188],
                [113.567345, 23.0838430000001],
                [113.56062625, 23.09712425],
                [113.547345, 23.103843],
                [113.547345, 23.1238430000001],
                [113.547345, 23.133843],
                [113.551429472656, 23.1697585273438],
                [113.575706816406, 23.178843],
                [113.571224394531, 23.1988430000001],
                [113.576434355469, 23.2220900703126],
                [113.595233183594, 23.2509572578125],
                [113.591224394531, 23.268843],
                [113.594586210938, 23.2838430000001],
                [113.590103789063, 23.303843],
                [113.593565703125, 23.3192897773438],
                [113.581124296875, 23.3383962226563],
                [113.584818144531, 23.3548757148438],
                [113.557345, 23.373843],
                [113.56197390625, 23.38921409375],
                [113.575692167969, 23.4138039375],
                [113.624564238281, 23.4559084296876],
                [113.65271609375, 23.46847190625],
                [113.712801542969, 23.5181716132813],
                [113.711920195313, 23.5291213203125],
                [113.72271609375, 23.54847190625],
                [113.749664335938, 23.60886253125],
                [113.81271609375, 23.61847190625],
                [113.817345, 23.6238430000001],
                [113.856473417969, 23.6170339179688],
                [113.850863066406, 23.5719362617188],
                [113.896551542969, 23.5148830390626],
                [113.941790800781, 23.4882888007813],
                [113.975748320313, 23.4785817695313],
                [113.94361453125, 23.45284690625],
                [113.972899199219, 23.4293971992188],
                [113.981790800781, 23.4082888007812],
                [113.99334109375, 23.3990431953126],
                [113.9783996875, 23.3736232734376]
              ]
            ]
          ]
        }
      }]
    }
  )
  var option = {
    tooltip: {
      formatter: function (params) {
        return params.data.name + '<br />在线用户：' + params.data.value[3] + '<br />小学数量：' + params.data.value[4] + '<br />中学数量：' + params.data.value[5]
      }
    },

    series: [
      {
        name: "广东省",
        type: 'scatter', // series图表类型
        coordinateSystem: 'geo', // series坐标系类型
        itemStyle: {
          //normal 是图形在默认状态下的样式；
          normal: {
                        show: true,
                        areaColor:"#CfCECE",
                        borderColor:"#FCFCFC",
                        borderWidth:"1",
                        normal:{label:{show:true}},
                        emphasis:{label:{show:true}}
                    }/*,

                   emphasis: {
                       show: false,
                       areaColor:"#C8A5DF",
                   }*/
        },

        data: [
          {name: '白云区第一中学', value: [113.3783996875, 23.3336232734376, 90, 600000, 547, 891]},
          {name: '增城市第三中学', value: [113.7783996875, 23.4036232734376, 90, 450000, 578, 871]},
          {name: '天河区第十四中学', value: [113.3583996875, 23.1536232734376, 90, 450000, 578, 871]},
        ]

      }
    ],

    geo: {
      map: '清远',
      label: {
        normal: {
          show: true,
            color:'#fff'
        },
        emphasis: {
          show: true
        }
      },
      roam: true,
      zoom: 1,
      itemStyle: {
        normal: {
          borderColor: '#033183',          
          borderWidth :1,          
          areaColor: '#182269',
        },
        emphasis: {
          areaColor: '#d26440',
        }
      },
      regions: [//对不同的区块进行着色

         {
                    name: '从化市',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '花都区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '增城市',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '白云区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '萝岗区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                {
                    name: '天河区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                {
                    name: '黄埔区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                {
                    name: '越秀区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                 {
                    name: '荔湾区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                  {
                    name: '海珠区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                  {
                    name: '番禺区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                  {
                    name: '南沙区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                }
      ]
    }
  };

  var option2 = {
    tooltip: {
      formatter: function (params) {
        return params.data.name + '<br />在线用户：' + params.data.value[3] + '<br />小学数量：' + params.data.value[4] + '<br />中学数量：' + params.data.value[5]
      }
    },

    series: [
      {
        name: "广东省",
        type: 'scatter', // series图表类型
        coordinateSystem: 'geo', // series坐标系类型
        itemStyle: {
          //normal 是图形在默认状态下的样式；
          normal: {
                        show: true,
                        areaColor:"#CfCECE",
                        borderColor:"#FCFCFC",
                        borderWidth:"1",
                        normal:{label:{show:true}},
                        emphasis:{label:{show:true}}
                    }/*,

                   emphasis: {
                       show: false,
                       areaColor:"#C8A5DF",
                   }*/
        },

        data: [
          {name: '白云区第一中学', value: [113.3783996875, 23.3336232734376, 90, 600000, 547, 891]},
          {name: '增城市第三中学', value: [113.7783996875, 23.4036232734376, 90, 450000, 578, 871]},
          {name: '天河区第十四中学', value: [113.3583996875, 23.1536232734376, 90, 450000, 578, 871]},
        ]

      }
    ],

    geo: {
      map: '清远',
      label: {
        normal: {
          show: true,
            color:'#fff'
        },
        emphasis: {
          show: true
        }
      },
      roam: true,
      zoom: 1,
      itemStyle: {
        normal: {
          borderColor: '#033183',          
          borderWidth :1,          
          areaColor: '#182269',
        },
        emphasis: {
          areaColor: '#d26440',
        }
      },
      regions: [//对不同的区块进行着色

         {
                    name: '从化市',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '花都区',
                    itemStyle: {
                        normal: {
                            areaColor: '#2252e1'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '增城市',
                    itemStyle: {
                        normal: {
                            areaColor: '#489afe'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '白云区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '萝岗区',
                    itemStyle: {
                        normal: {
                            areaColor: '#489afe'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                {
                    name: '天河区',
                    itemStyle: {
                        normal: {
                            areaColor: '#0f5cb8'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                {
                    name: '黄埔区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                {
                    name: '越秀区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                 {
                    name: '荔湾区',
                    itemStyle: {
                        normal: {
                            areaColor: '#0f5cb8'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                  {
                    name: '海珠区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                  {
                    name: '番禺区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                  {
                    name: '南沙区',
                    itemStyle: {
                        normal: {
                            areaColor: '#79b5fd'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                }
      ]
    }
  };


var option3 = {
    tooltip: {
      formatter: function (params) {
        return params.data.name + '<br />在线用户：' + params.data.value[3] + '<br />小学数量：' + params.data.value[4] + '<br />中学数量：' + params.data.value[5]
      }
    },

    series: [
      {
        name: "广东省",
        type: 'scatter', // series图表类型
        coordinateSystem: 'geo', // series坐标系类型
        itemStyle: {
          //normal 是图形在默认状态下的样式；
          normal: {
                        show: true,
                        areaColor:"#CfCECE",
                        borderColor:"#FCFCFC",
                        borderWidth:"1",
                        normal:{label:{show:true}},
                        emphasis:{label:{show:true}}
                    }/*,

                   emphasis: {
                       show: false,
                       areaColor:"#C8A5DF",
                   }*/
        },

        data: [
          {name: '白云区第一中学', value: [113.3783996875, 23.3336232734376, 90, 600000, 547, 891]},
          {name: '增城市第三中学', value: [113.7783996875, 23.4036232734376, 90, 450000, 578, 871]},
          {name: '增城市第一中学', value: [113.7113996875, 23.4036232734376, 90, 450000, 578, 871]},
          {name: '从化市第一中学', value: [113.683996875, 23.6236232734376, 90, 450000, 578, 871]},
          {name: '从化市第二中学', value: [113.523996875, 23.6736232734376, 90, 450000, 578, 871]},
          {name: '天河区第十四中学', value: [113.3583996875, 23.1536232734376, 90, 450000, 578, 871]},
          {name: '番禺第十四中学', value: [113.3583996875, 22.8536232734376, 90, 450000, 578, 871]}
        ]

      }
    ],

    geo: {
      map: '清远',
      label: {
        normal: {
          show: true,
            color:'#fff'
        },
        emphasis: {
          show: true
        }
      },
      roam: true,
      zoom: 1,
      itemStyle: {
        normal: {
          borderColor: '#033183',          
          borderWidth :1,          
          areaColor: '#182269',
        },
        emphasis: {
          areaColor: '#d26440',
        }
      },
      regions: [//对不同的区块进行着色

         {
                    name: '从化市',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '花都区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '增城市',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '白云区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#fbc36c'
//                        }
                    }
                },
                {
                    name: '萝岗区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                {
                    name: '天河区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                {
                    name: '黄埔区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                {
                    name: '越秀区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                 {
                    name: '荔湾区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                  {
                    name: '海珠区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                  {
                    name: '番禺区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                },
                  {
                    name: '南沙区',
                    itemStyle: {
                        normal: {
                            areaColor: '#167bff'
                        },
//                        emphasis: {
//                            areaColor: '#52edfb'
//                        }
                    }
                }
      ]
    }
  };

  myChart.setOption(option);
   $('#midu').on('click',function(){
    myChart.setOption(option2);
  })

 $('#paike').on('click',function(){
    myChart.setOption(option3);
  })

$("#echartMap").children().eq(0).css("background","#475390");
  
});


 






   
</script>